<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

  <script src="js/vue.js"></script>
</head>
<body>

    <div id="app1">

        <button @click="getInTime">获取进入页面的时间</button> <br>
        <button @click="getNowTime">获取当前的的时间</button>

    </div>
</body>

<script>
    new Vue({
        el:"#app1",
        data:{

        },
        computed:{
            //inTime是属性名，属性值是通过函数的返回值获取
            //这个属性不可以和data中定义的模型相同
            inTime:function (){
                return Date.now();
            }
        },
        methods:{
            getInTime(){
                alert(this.inTime)
            },

            getNowTime(){
                alert(Date.now())
            }
        }
    });
</script>

</html>